<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>v-if</title>
	</head>
	<body>
		<div id="app">
			<h3>v-if&v-else&v-show</h3>
			<hr />
			<p v-if="isLogin">已登录</p>
			<p v-else> 请登录！！</p>
			<h4 v-show="show">v-show相当于CSS里面的display：none  <br />右键检查代码是不显示的</h4>
			<br /><br /><br />
			<strong>v-if:判断是否加载，可以减轻服务器的压力，可需要时加载</strong><br />
			<strong>v-show： 调整CSS的display属性，可以使客户端操作更流畅</strong>
		</div>
		<script src="../assets/js/vue.min.js"></script>
		<script type="text/javascript">
			var vm = new Vue({
				el:'#app',
				data:{
					isLogin:true,
					show:true
				}
			})
		</script>
	</body>
</html>
